<template>
  <div id="chartLineBox1" style="width: 100%; height: 300px"></div>
</template>
<script>
import echarts from "echarts";
export default {
  mounted() {
    let chartDom1 = document.getElementById("chartLineBox1");
    let myChart1 = echarts.init(chartDom1);
    let option;
    option = {
    //   tooltip: {
    //     trigger: "item",
    //     formatter: "{a} <br/>{b} : {c} ({d}%)",
    //   },
      series: [
        {
          name: "访问来源",
          type: "pie",
          radius: "50%",
          // center: ["50%", "60%"],
          data: [
            { value: 53, name: "华北" },
            { value: 15, name: "华中" },
            { value: 9, name: "华东" },
            { value: 20, name: "华南" },
            { value: 3, name: "其它" },
          ],
          emphasis: {
            itemStyle: {
              shadowBlur: 10,
              shadowOffsetX: 0,
              shadowColor: "rgba(0, 0, 0, 0.5)",
            },
          },
        },
      ],
    };
    option && myChart1.setOption(option);
  },
  data() {
    return {};
  },
};
</script>
<style scoped>
</style>
